<template>
  <div class="product">
    <div class="main-content">
      <div class="col-xs-12">
        <div class="breadcrumbs" id="breadcrumbs">
          <ul class="breadcrumb">
            <li><i class="icon-home home-icon"></i><a href="#">首页</a></li>
            <li>商品管理</li>
          </ul>
        </div>
        <div class="table-responsive">
          <div id="sample-table-2_wrapper" class="dataTables_wrapper" role="grid">
            <div class="row">
              <form action="" method="get">
                <div class="col-sm-2">
                  <div id="sample-table-2_length" class="dataTables_length">
                    <a href="http://inventory.hdjzq.top/admin/cashier/product/create"
                       class="btn btn-sm btn-primary">新增</a>
                    <a href="javascript:void(0);" class="btn btn-sm btn-purple del_all">删除</a>
                  </div>
                </div>
                <div class="col-sm-10">
                  <div class="dataTables_filter" id="sample-table-2_filter">
                    <label>商品名称: <input type="text" name="goods_name" aria-controls="sample-table-2"
                                        placeholder="按商品名"></label>
                    <label>上下架商品:
                      <select class="dataTables_filter" name="onsale">
                        <option value="">全部</option>
                      </select>
                    </label>
                    <button type="submit" class="btn btn-xs btn-info" id="search">确定</button>
                    <button type="reset" class="btn btn-xs btn-default" id="reset">重置</button>
                  </div>
                </div>
              </form>
            </div>
            <table id="sample-table-2"
                   class="table table-striped table-bordered table-hover dataTable del-table"
                   aria-describedby="sample-table-2_info">
              <thead>
              <tr role="row">
                <th class="center sorting_disabled" role="columnheader" rowspan="1" colspan="1"
                    aria-label="">
                  <label>
                    <input type="checkbox" class="ace" id="check_all">
                    <span class="lbl"></span>
                  </label>
                </th>
                <th>编号</th>
                <th>商品条码</th>
                <th>名称</th>
                <th>图片</th>
                <th>规格</th>
                <th>单位</th>
                <th>类别</th>
                <th>品牌</th>
                <th>零售价</th>
                <th>会员价</th>
                <th>进价</th>
                <th>库存</th>
                <th>排序</th>
                <th>生产厂家</th>
                <th>操作</th>
              </tr>
              </thead>
              <tbody>
              <tr class="odd">
                <td class="center">
                  <label>
                    <input type="checkbox" class="ace" name="del_all" value="">
                    <span class="lbl"></span>
                  </label>
                </td>
                <td>32</td>
                <td>12313</td>
                <td>Apple iPad mini 2</td>
                <td><img src="http://oi6a6qhed.bkt.clouddn.com/3vfZzGaAzL3WSVOFqd4YAQexSvyPoYi6qyVk55Bm.jpeg" style="width: 40px;height: 35px;"></td>
                <td>10mg</td>
                <td>盒</td>
                <td>平板电脑</td>
                <td></td>
                <td>1749</td>
                <td>1</td>
                <td>1</td>
                <td>-1</td>
                <td>
                  <input type="text" class="ace" value="100" style="width: 50px;">
                </td>
                <td>九州通医药</td>
                <td>
                  <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                    <a class="green" href=""><i class="icon-pencil bigger-130"></i></a>
                    <a class="red del" href="javascript:void(0);" data-id=""><i
                      class="icon-trash bigger-130"></i></a>
                  </div>
                </td>
              </tr>
              <tr class="odd">
                <td class="center">
                  <label>
                    <input type="checkbox" class="ace" name="del_all" value="">
                    <span class="lbl"></span>
                  </label>
                </td>
                <td>46</td>
                <td>12313</td>
                <td>苹果mini12寸</td>
                <td><img src="http://oi6a6qhed.bkt.clouddn.com/MOug6r2s292RSVQ9WrsvAXy05ClVzTIB1OwQQG9J.png" style="width: 40px;height: 35px;"></td>
                <td>10mg</td>
                <td>盒</td>
                <td>国产电影</td>
                <td>联想</td>
                <td>3600</td>
                <td>0</td>
                <td>1</td>
                <td>20</td>
                <td>
                  <input type="text" class="ace" value="100" style="width: 50px;">
                </td>
                <td>湖北志勇医药厂商</td>
                <td>
                  <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                    <a class="green" href=""><i class="icon-pencil bigger-130"></i></a>
                    <a class="red del" href="javascript:void(0);" data-id=""><i
                      class="icon-trash bigger-130"></i></a>
                  </div>
                </td>
              </tr>
              <tr class="odd">
                <td class="center">
                  <label>
                    <input type="checkbox" class="ace" name="del_all" value="">
                    <span class="lbl"></span>
                  </label>
                </td>
                <td>47</td>
                <td>12313</td>
                <td>1231313</td>
                <td><img src="http://oi6a6qhed.bkt.clouddn.com/edvOMeOKH36vZxSmLkQsmfZ6S4hvJeThMwUrBhvL.jpeg" style="width: 40px;height: 35px;"></td>
                <td>10mg</td>
                <td>盒</td>
                <td>香港电影</td>
                <td>联想</td>
                <td>123</td>
                <td>0</td>
                <td>1</td>
                <td>11</td>
                <td>
                  <input type="text" class="ace" value="100" style="width: 50px;">
                </td>
                <td>九州通医药</td>
                <td>
                  <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                    <a class="green" href=""><i class="icon-pencil bigger-130"></i></a>
                    <a class="red del" href="javascript:void(0);" data-id=""><i
                      class="icon-trash bigger-130"></i></a>
                  </div>
                </td>
              </tr>
              <tr class="odd">
                <td class="center">
                  <label>
                    <input type="checkbox" class="ace" name="del_all" value="">
                    <span class="lbl"></span>
                  </label>
                </td>
                <td>49</td>
                <td>12313</td>
                <td>又是电脑又是电脑</td>
                <td><img src="http://oi6a6qhed.bkt.clouddn.com/5SHWSVvb3v2VXKMLxDVi3aLOzC47upcNue4XQlUs.png" style="width: 40px;height: 35px;"></td>
                <td>10mg</td>
                <td>盒</td>
                <td>小米5</td>
                <td>联想</td>
                <td>1233</td>
                <td>0</td>
                <td>1</td>
                <td>20</td>
                <td>
                  <input type="text" class="ace" value="100" style="width: 50px;">
                </td>
                <td>湖北志勇医药厂商</td>
                <td>
                  <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                    <a class="green" href=""><i class="icon-pencil bigger-130"></i></a>
                    <a class="red del" href="javascript:void(0);" data-id=""><i
                      class="icon-trash bigger-130"></i></a>
                  </div>
                </td>
              </tr>
              <tr class="odd">
                <td class="center">
                  <label>
                    <input type="checkbox" class="ace" name="del_all" value="">
                    <span class="lbl"></span>
                  </label>
                </td>
                <td>50</td>
                <td>12313</td>
                <td>12313131</td>
                <td><img src="http://oi6a6qhed.bkt.clouddn.com/6gBxDS7AUpXB0Xtdd4Qp8IDwF5X0kdnPxvqLS90a.png" style="width: 40px;height: 35px;"></td>
                <td>10mg</td>
                <td>盒</td>
                <td>小米note4x</td>
                <td>联想</td>
                <td>123</td>
                <td>0</td>
                <td>0</td>
                <td>213</td>
                <td>
                  <input type="text" class="ace" value="100" style="width: 50px;">
                </td>
                <td>九州通医药</td>
                <td>
                  <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                    <a class="green" href=""><i class="icon-pencil bigger-130"></i></a>
                    <a class="red del" href="javascript:void(0);" data-id=""><i
                      class="icon-trash bigger-130"></i></a>
                  </div>
                </td>
              </tr>
              <tr class="odd">
                <td class="center">
                  <label>
                    <input type="checkbox" class="ace" name="del_all" value="">
                    <span class="lbl"></span>
                  </label>
                </td>
                <td>51</td>
                <td>12313</td>
                <td>小米air</td>
                <td><img src="http://oi6a6qhed.bkt.clouddn.com/r2bXBJeneE4IgKjS9ZdVdFgzZCHVC9QzdN2YMWm5.png" style="width: 40px;height: 35px;"></td>
                <td>10mg</td>
                <td>盒</td>
                <td>小米电脑1</td>
                <td>小米</td>
                <td>3200</td>
                <td>0</td>
                <td>1</td>
                <td>21</td>
                <td>
                  <input type="text" class="ace" value="100" style="width: 50px;">
                </td>
                <td>湖北志勇医药厂商</td>
                <td>
                  <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
                    <a class="green" href=""><i class="icon-pencil bigger-130"></i></a>
                    <a class="red del" href="javascript:void(0);" data-id=""><i
                      class="icon-trash bigger-130"></i></a>
                  </div>
                </td>
              </tr>
              </tbody>
            </table>
            <div class="row">
              <div class="col-sm-6">共 6 条记录</div>
              <div class="col-sm-6">
                <div class="dataTables_paginate paging_bootstrap">
                  <ul class="pagination">
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'product',
    data () {
      return {
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
